<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[1rpx]"></view>
        <view class="mt-[10rpx] px-[40rpx] text-[30rpx] font-medium bg-white pb-[60rpx]">
            <view class="py-[34rpx] flex items-center border-b border-[#EFEFEF]">
                <text>活动创建时间:</text>
                <text class="ml-[30rpx]"> 2024.12.10 12:00</text>
            </view>
            <view class="py-[34rpx] flex items-center border-b border-[#EFEFEF] w-full">
                <text class="flex-1">活动二维码:</text>

                <image class="w-[53rpx] h-[53rpx]"
                    src="">
                </image>
                <u-icon name="arrow-right" color="#575B66" size="16"></u-icon>
            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动名称:</text>
                <text class="ml-[30rpx]">中秋游园活动</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动范围:</text>
                <text class="ml-[30rpx]">书法一班、书法二班、国画一班</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>打卡开始时间:</text>
                <text class="ml-[30rpx]">2024.12.12 12:00</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动开始时间:</text>
                <text class="ml-[30rpx]">2024.12.12 12:00</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动结束时间:</text>
                <text class="ml-[30rpx]">2024.12.12 12:00</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动介绍:</text>
                <text class="ml-[30rpx]">xxxxxxxxxxxxxxxxx</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动地址:</text>
                <text class="ml-[30rpx]">七星路七星社区100号楼</text>

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>活动券设置:</text>
                <text class="ml-[30rpx]"> 吹蜡烛、抛圈</text>

            </view>


        </view>
        <view class="h-[10rpx]"></view>
        <view class=" bg-[#fff] px-[40rpx]">
            <view class="text-[#FD755D] text-[26rpx]">请在活动结束后12小时内完成情况总结以及图片上传！</view>
            <view class="border-b border-[#EFEFEF] mt-[23rpx]">
                <view>活动情况:</view>
                <input class="my-[20rpx]" type="text" placeholder="请输入活动情况总结">
            </view>
            <view class="my-[20rpx]">
                <view class="mb-[20rpx]">上传活动图片（限3张）</view>
                <u-upload :fileList="fileList"  name="1" multiple
                    :maxCount="3"></u-upload>
            </view>
            <view class="mt-[10rpx] flex justify-center">
                <view
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                    提交</view>
            </view>
        </view>
        <view class="h-[50rpx]"></view>
    </view>

</template>
<script setup>
import { ref } from 'vue'
const fileList = ref([])
</script>
<style lang="scss" scoped></style>